<script setup name="App">
    import { ref,reactive } from 'vue'
    let obj = reactive({
        name:'geyao',
        age:18,
        sex:'男'
    })
    // 可以定义基本数据类型 也可以去定义复杂数据类型 工作中其实常用还是ref
    </script>
    
    <template>
         <div>{{ obj.name }}</div>
         <div>{{ obj.age }}</div>
         <div>{{ obj.sex }}</div>
         <!-- <button @click="name='geyaosinice'">修改姓名</button>
         <button @click="age=19">修改年龄</button>
         <button @click="sex='女'">修改性别</button> -->
         <button @click="obj.name='geyaosinice'">修改姓名</button>
         <button @click="obj.age=19">修改年龄</button>
         <button @click="obj.sex='女'">修改性别</button>
    </template>
    
    <style scoped>
    
    </style>
    
    
    
    
    